﻿<!Doctype html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Robots" content="all">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">

<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes" />
<meta name="browsermode" content="application">

<meta name="x5-fullscreen" content="true">
<meta name="x5-orientation" content="portrait">
 <meta name="x5-page-mode" content="app">
<!-- 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览-->
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 告诉设备忽略将页面中的数字识别为电话号码 -->
<meta http-equiv="cleartype" content="on">
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="Keywords" content="{$seo_keyword}">
<meta name="Description" content="{$seo_description}">
<meta name="wap-font-scale" content="no">
<title></title>

<block name="body">
<body style="background: #FFF7DD;">
<script src="__STATIC__/html_uploadify/jquery.min.js" type="text/javascript"></script>
<script src="__STATIC__/html_uploadify/jquery.uploadifive.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__/html_uploadify/uploadifive.css">
<link rel="stylesheet" type="text/css" href="__CSS__/main.css">
<div class="tu_container">
    <div class="tu_head">
        <img src="__IMG__/b.png" alt="" width="100%">
        <img src="__IMG__/22.png" alt="" width="100%" style="margin-top: -2px;">
    </div>
    <div class="tu_form clearfix">
        <div class="form_select">
            <div class="form_info">
                <img src="__IMG__/tu_04.jpg" alt="" width="4%" class="mr10">
                我在 <a href="javascript:" class="info_style_01">{$info.province}</a><a href="javascript:" class="info_style_01">{$info.city}</a>
            </div>
            <div class="form_info">
                <img src="__IMG__/tu_04.jpg" alt="" width="4%" class="mr10">
                最能代表我家乡的土特产是:  <a href="javascript:" class="info_style_01">{$info.native_products}</a>
            </div>
        </div>
    </div>
    <div class="tu_title">
        <img src="__IMG__/tu_06.gif" alt="" width="100%">
    </div>
    <div class="upload_form">
        <form action="{:U('Activity/add')}" method="post">
            <div id="queue" style="display:none"></div>
            <a href="javascript:" class="file_upload_pic"><img src="{:get_cover($info['cover_id'],'path')}" alt="" width="100%">
                <!--<input id="file_upload" name="file_upload" type="file" multiple class="file_upload">-->
            </a>
			<!-- <p><br/>上传我的家乡味</p> -->
            <!--<p class="info_pic fl">
                <img id="u_pic" src="" alt=""  width="100">
            </p>-->
        </form>
    </div>
    <div class="tu_info_form clearfix">
        <div class="info_btn">
            <a href="javascript:void(0);" class="info_btn_a" id="support">哇，好"土"(<font>{$info.support_num}</font>)</a>
            <a href="{:U('Activity/index')}" class="info_btn_b">不，我还有更"土"的</a>
        </div>
    </div>
    <!--弹出框-->
    <div class="box" style="display:none;">
        <!--
        <div class="demo">
            <a href="javascript:;" class="bounceIn">点击</a>
        </div>
        -->
        <div id="dialogBg"></div>
        <div id="dialog" class="animated">
            <div class="dialogTop">
                <img src="__IMG__/tu_11.png" alt="" width="100%" class="dialo_top">
                <a href="javascript:;" class="claseDialogBtn"><img src="__IMG__/tu_12.jpg" alt=""></a>
            </div>
            <p class="dialog_info">
                大过年的，你也为家乡土货代言一个呗
                获赞一定多！
            </p>
            <input type="button" class="dialog_btn"  value="我要代言">
        </div>
    </div>
    <div class="tu_intro_footer">
        <img src="__IMG__/tu_08.png" alt="" width="100%">
        <div class="tu_footer_bg">
            1、同一个土特产重复推荐人数达到<strong>50人</strong>的，每位推荐人将获得一个其他城市推荐的人气土特产；<br>

            2、同一个土特产推荐的人数超出<strong>50人</strong>的，该土特产将获得公益宣传的机会；<br>

            3、邀请好友点赞<strong>"哇，好土啊"</strong>，获赞满<strong>50个</strong>可免费得一份其他地方的人气土特产，并有机会替父母赢取一份价值<strong>5000元</strong>的旅游大奖。<br>

            4、举手之劳，你的家乡土特产将有机会被桂品会超过百万的社群合伙人传播和推广，让更多人吃到你的家乡味。<br>

            5、参赛截止时间正月十五（2016年2月22日12:00），中奖
            结果公布时间2016年3月1日。<br>
            <p class="tu_ercode"><img src="__IMG__/tu_09.png" alt="" width="200px" height="200px"></p>
            6、扫描二维码关注公众号，查看获奖结果。<br>

            7、本活动主办方：中国茶叶行业第一门户网站：第一茶叶网（www.t0001.com）、桂品会（孵化器）、华侨茶业发展基金会。<br>
         
        </div>
    </div>

</div>
{:hook('weixinshare',array('title'=>'过年了，晒家乡土特产，替父母赢旅游大奖！举手之劳的推荐，可获百万会员推广！','link'=>"$link",'desc'=>'推荐1份土特产，帮父母赢1份旅游大奖','imgUrl'=>"$imgUrl",'type'=>'','dataUrl'=>'','success_fun'=>''))}
</body>
<block name="script">
<script type="text/javascript">

    $(function(){
        /*
        //显示弹框
        $('.box a').click(function(){
            className = $(this).attr('class');
            $('#dialogBg').fadeIn(300);
            $('#dialog').fadeIn();
        });

        //关闭弹窗
        $('.claseDialogBtn').click(function(){
            $('#dialogBg').fadeOut(300,function(){
                $('#dialog').fadeOut();
            });
        });
        */
        $(".claseDialogBtn").click(function(){
            close_box();
        })
        $(".dialog_btn").click(function(){
            close_box();
			window.location='{:U('Activity/index')}';
        })
        /**
         * 支持
         */
        var id="{$info['id']}";
        $("#support").click(function(){
            $.post("{:U('Activity/support')}",{'id':id},function(data){
                show_box();
                $(".dialog_info").html(data.message);
                if(!data.status){
//                    var url="{:U('Activity/index')}"
//                    var redirect="myrefresh('"+url+"')";
//                    setTimeout(redirect,2000);
                    var num=$("#support font").html();
                    num++;
                    $("#support font").html(num);
                }
            },'json')
        })
    });

    function show_box(){
        $(".box").fadeIn();
        $('#dialogBg').fadeIn(300);
        $('#dialog').fadeIn();
    }
    function close_box(){
        $(".box").fadeOut();
        $('#dialogBg').fadeOut(300);
        $('#dialog').fadeOut();
        $(".dialog_info").html("");
    }
</script>
</block>
</block>
</body>
</html>